<template>
	<div class="boxes" style="padding-bottom: 1.1rem;">
			<ul class="nav_ul">
				<li v-for="(item,index) in items":class="{nav_ul_cat:index==iscur}" @click="bdlxTab(index)">
					{{item.mes}}
				</li>
			</ul>
			<div class="nav_con">
				<div class="nav_con_ont" v-if="BdlxTab===0">
					<ul>
						<li class="li_xz" v-for="(dyList,index) in tabList" @click="Listtabx(index)" :class="{li_add:index==Listtab}">
							<p class="p_w">{{dyList.dy}}</p>
							<i class="i_icon"></i>
							<p class="p_t">{{dyList.pt}}</p>
							<div class="choice">
								<i class="i_cho"></i>
								<span>{{dyList.xz}}</span>
							</div>
						</li>
					</ul>
					<div class="establish">
						<router-link to="/Bdlx/Cjbd">
							创建质押贷提报单
						</router-link>
					</div>
				</div>
				<div class="nav_con_ont" v-else>
					<ul>
						<li class="li_xz" v-for="(dyList,index) in tabList" @click="Listtabx(index)" :class="{li_add:index==Listtab}">
							<p class="p_w">{{dyList.dy}}</p>
							<i class="i_icon"></i>
							<p class="p_t">{{dyList.pt}}</p>
							<div class="choice">
								<i class="i_cho"></i>
								<span>{{dyList.xz}}</span>
							</div>
						</li>
					</ul>
					
					<div class="establish_w">创建个人新车回租提报单</div>
				</div>
			</div>
		</div>	
</template>

<script>
	export default {
		name:'Bdlx',
		data(){
			return {
				BdlxTab:0,
				iscur:0,
				Listtab:0,
				items:[
					{mes:'融资类'},
					{mes:'消费类'}
				],
				tabList:[
					{
						dy:'抵押贷',
						pt:'车照开，款照贷',
						xz:'已选择'
					},
					{
						dy:'质押贷',
						pt:'车抵押，款贷你',
						xz:'未选择'
					},
				]
			}
		},
		methods:{
			bdlxTab(index){
				this.iscur=index;
				this.BdlxTab=index;
			},
			Listtabx(index){
				this.Listtab=index;
			},
		}
	}
</script>

<style>
</style>